<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>幸运商城</title>
    <link href="css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/aui.css"/>
    <link rel="stylesheet" href="css/shop.css">
    <link rel="stylesheet" href="css/alert.css">
    <script src="js/jquery-1.8.2.min.js"></script>
    <script src="js/mui.min.js"></script>
    <script src="js/init.js"></script>
    <script src="js/echarts.js"></script>
    <style>
        @media screen and (max-width:320px){
            .back_scroll_bg{height:56vh;}
            .back_order{height:60vh;}
        }
        @media screen and (min-width:376px) and (max-width:414px){
            .back_scroll_bg{height:66vh;}
            .back_order{height:70vh;}
        }

    </style>
</head>
<body>
    <header class="mui-bar mui-bar-nav ">
        <a href="duobao.html" class="mui-icon-undo mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title" id="page_title">{$data.page_title}</h1>
    </header>

    <div class="mui-content f14" style="background:#f1d404;padding-left:10px;padding-right:10px;">
        <div style="min-height:calc(100vh - 44px);background:#fff2c3;box-shadow:0 0 3px #ddd;padding:15px;">
            <div>
                <div><img class="aui-col-10" src="image/banner.png" alt=""></div>
                <div>
                    <div class="aui-col-9 nowrap ellipsis">Apple ipad 9.7英寸（64G Wi-Fi版）灰色</div>
                    <div class="f12">期限:12356</div>
                </div>
            </div>
            <div class="win_box f12">
                <div class="winner aui-col-9 auto">幸运号码：123546512 <a href="duobao_jisuan.html" class="aui-color-white"><span class="calc fr">计算规则</span></a></div>
                <div class="aui-pad-5 f10 flex re" style="background:#ffe68f;border-radius:5px;">
                    <div class="f1 mui-text-center"><img class="aui-col-5 aui-border-rasius-y" src="image/avatar.png" alt=""></div>
                    <div class="f4">
                        <div>获奖者: <span>8888</span></div>
                        <div>ID: <span>8888</span></div>
                        <div>本次参与: <span>25</span>次</div>
                        <div>揭晓时间: <span>2018-03-12 23:00:02</span></div>
                    </div>
                    <img class="ab" style="top:20px;right:20px;" src="images/duo_jiexiao.png" alt="" width="70">
                </div>
            </div>
            <div class="list_con aui-mar-t-10">
                <div class="jindu"></div>
                <div class="flex aui-pad-10">
                    <div class="f1 aui-color-red">共3668</div>
                    <div class="f2 mui-text-right f12">总需3886人次/剩余668人次</div>
                </div>
            </div>
            <div class="aui-color-red aui-pad-t-10 f12">声明：所有的商品活动与苹果公司（apple inc.）无关</div>
            <div class="duobao aui-mar-t-10">
                <ul class="toggle_nav flex aui-border-b-gray mui-text-center">
                    <li class="active">参与者</li>
                    <li>往期中奖</li>
                    <li>商品详情</li>
                    <li>走势图</li>
                </ul>
                <div class="duo_box">
                    <div style="padding-bottom:45px;">
                        <div class="nav_con flex">
                            <div class="f1"><img class="aui-border-rasius-y" src="image/avatar.png" alt="" width="50" height="50"></div>
                            <div class="f3">
                                <div>158****2222</div>
                                <div class="f10">2018-02-01 <span>14:40:58</span></div>
                            </div>
                            <div class="f1 aui-color-red mui-text-right f12">5人次</div>
                        </div>
                        <div class="nav_con flex">
                            <div class="f1"><img class="aui-border-rasius-y" src="image/avatar.png" alt="" width="50" height="50"></div>
                            <div class="f3">
                                <div>158****2222</div>
                                <div class="f10">2018-02-01 14:40:58</div>
                            </div>
                            <div class="f1 aui-color-red mui-text-right f12">5人次</div>
                        </div>

                        <div class="fix aui-col-10 mui-text-center aui-bg-lightyellow line-height-3" style="left:0;bottom:0;">
                            <a href="duobao_buy.html" class="aui-color-black">立即购买</a></div>
                    </div>
                    <!--参与者-->

                    <div class="none">
                        <div class="nav_con flex">
                            <div class="f1"><img class="aui-border-rasius-y" src="image/avatar.png" alt="" width="50" height="50"></div>
                            <div class="f4 f10">
                                <div class="f14">158****2222</div>
                                <div>获奖者: <span>188****1234</span></div>
                                <div>本期参与: <span>一人次</span></div>
                                <div>中奖号码: <span>12231561316561</span></div>
                                <div>开奖时间: <span>2018-02-04 14:40:58</span></div>
                            </div>
                        </div>
                    </div>
                    <!--往期中奖-->

                    <div class="none">
                        <img class="aui-col-10 aui-mar-t-10" src="image/banner.png" alt="">
                    </div>
                    <!--商品详情-->

                    <div class="none">
                        <div style="height:45vh; overflow: hidden;">
                            <div id="chartmain1" class="baobiao_list " style="width:100%;height:45vh;"></div>
                            <div id="chartmain2"  class="baobiao_list " style="width:100%;height:45vh;"></div>
                            <div id="chartmain"  class="baobiao_list" style="width:100%;height:45vh;"></div>
                        </div>
                        <ul class="zoushi_list flex f12 mui-text-center aui-mar-t-10">
                            <li>
                                <div class="title">期数</div>
                                <div>797</div>
                                <div>797</div>
                            </li>
                            <li>
                                <div class="title">中奖人</div>
                                <div>中奖人</div>
                                <div>中奖人中奖人</div>
                            </li>
                            <li>
                                <div class="title">中奖号码</div>
                                <div>797</div>
                                <div>797</div>
                            </li>
                            <li>
                                <div class="title">位次</div>
                                <div>797</div>
                                <div>797</div>
                            </li>
                            <li>
                                <div class="title">买入次</div>
                                <div>797</div>
                                <div>797</div>
                            </li>
                            <li>
                                <div class="title">区间段</div>
                                <div>头</div>
                                <div>尾</div>
                            </li>
                        </ul>
                    </div>
                    <!--走势图-->
                </div>
            </div>

        </div>
    </div>
</body>
<script src="js/jiebao.js"></script>
<script src="js/game.js"></script>
<script>
    option = {
        title : {
            // text: '近期收益汇总',
            // subtext: '周期 月份 年份'
        },
        tooltip : {
            trigger: 'axis'
        },

        calculable : true,
        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : ['周一','周二','周三','周四','周五','周六','周日']
            }
        ],
        yAxis : [
            {
                type : 'value'
            }
        ],
        series : [
            {
                name:'成交',
                type:'line',
                smooth:true,
                color:'blue',
                itemStyle: {normal: {areaStyle: {type: 'default'}}},
                data:[160, 120, 130, 130, 120, 260, 120]
            }
        ]
    };
    //初始化echarts实例
    var myChart = echarts.init(document.getElementById('chartmain'));

    //使用制定的配置项和数据显示图表
    myChart.setOption(option);

</script>
<script>
    option = {
        title : {
            // text: '近期收益汇总',
            // subtext: '周期 月份 年份'
        },
        tooltip : {
            trigger: 'axis'
        },

        calculable : true,
        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : ['1-3月','4-6月','7-10月','11-12月']
            }
        ],
        yAxis : [
            {
                type : 'value'
            }
        ],
        series : [
            {
                name:'成交',
                type:'line',
                smooth:true,
                color:'blue',
                itemStyle: {normal: {areaStyle: {type: 'default'}}},
                data:[160, 120, 130, 130, 120, 260, 120]
            }
        ]
    };
    //初始化echarts实例
    var myChart = echarts.init(document.getElementById('chartmain1'));

    //使用制定的配置项和数据显示图表
    myChart.setOption(option);

</script>
<script>

    option = {
        title : {
            // text: '近期收益汇总',
            // subtext: '周期 月份 年份'
        },
        tooltip : {
            trigger: 'axis'
        },

        calculable : true,
        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : ['1周','2周','3周','4周']
            }
        ],
        yAxis : [
            {
                type : 'value'
            }
        ],
        series : [
            {
                name:'成交',
                type:'line',
                smooth:true,
                color:'blue',
                itemStyle: {normal: {areaStyle: {type: 'default'}}},
                data:[160, 120, 130, 130]
            }
        ]
    };
    //初始化echarts实例
    var myChart = echarts.init(document.getElementById('chartmain2'));

    //使用制定的配置项和数据显示图表
    myChart.setOption(option);

</script>
</html>